<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="assets/js/jindo_mobile_component.js"></script>
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript">
	var oDialog = new jindo.m.Dialog();

oDialog.attach({
 beforeShow : function(e) {
 },
 show : function(e) {
 },
 beforeHide : function(e) {
 },
 hide : function(e) {
 }
});

//Dialog의 템플릿을 설정
var aTemplate = [];
aTemplate.push('<div class="u_dsc" style="background-color:white;border:2px solid #777777;">');
aTemplate.push('</div>');
var sTemplate = aTemplate.join("");
oDialog.setTemplate(sTemplate);

//템플릿의 {=type}부분을 "일반형"로 치환하여 Dialog 노출
//커스텀 이벤트를 attach하기 (2) - 다이얼로그창이 Hide되면 커스텀 이벤트가 삭제됩니다.
oDialog.show({type : "일반형"}, {
 confirm : function(e) {
     // 확인 버튼(dialog-confirm)이 눌렸을 경우 호출되는 함수
 },
 cancel : function(e) {
     // 취소 버튼(dialog-cancel)이 눌렸을 경우 호출되는 함수
 },
 close : function(e) {
     // 닫기 버튼(dialog-close)이 눌렸을 경우 호출되는 함수
 }
});
</script>
	명을 가진다.
	<div class="dialog-container" style="">
		<div class="dialog-fog" style=""></div>
		<div class="dialog-layer" style="">... 생략(sTemplate) ...</div>
		<div class="dialog-clone"
			style="position: absolute; left: -1000px; top: -1000px; display: none;">
			... 생략(sTemplate) ...</div>
	</div>
</body>
</html>